<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>思维导图</title>
    <link rel="stylesheet" href="./../../public/css/CSS/reset.min.css">
    <link rel="stylesheet" href="./../../public/css/minder/mind.css">
</head>

<body onselectstart="return false;">

    <!--导航条外部容器-->
    <div class="top-bar-wrapper">
        <!-- 中间主体部分容器 -->
        <div class="top-bar">

            <!-- 网站的logo -->
            <h1 class="logo">
                <!-- 此处建议写上网站首页的地址 -->
                <a href="/">
                    <img src="./../../public/resources/logo.png">
                    <span>成为更好的自己</span>
                </a>
            </h1>


            <!-- 菜单栏 -->
            <div class="left-menu">
                <!-- 创建菜单图标 -->
                <ul class="menu-icon">
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>


                <!-- 创建菜单 -->
                <ul class="nav">
                    <!-- 这里都要写在超链接里面 -->
                    <!-- 超链接的地址，写各个页面的地址 -->
                    <li><a href="./../myPlan/myTodo.html">个人计划</a></li>
                    <li><a href="./../note-program/index.html">我的笔记</a></li>
                    <li><a href="./../minder/mind.html">思维导图</a></li>
                    <li><a href="./../dataStatistics/dataStatistics.html">数据统计</a></li>
                    <li><a href="./../square/square.html">广场</a></li>
                </ul>

            </div>



            <!-- 用户信息 -->
            <div class="user-info">
                <!-- 这里是可以跳转到用户信息详细设置页的，写用户信息详细设置页的地址 -->
                <a href="javascript:void(0);" id="turnUserInfo">
                    <img src="./../../public/resources/user-pic.jpg" alt="用户头像">
                </a>
            </div>
        </div>
    </div>


    <!-- 思维导图工具栏 -->
    <ul class="tools-bar">
        <li id="new-construction">新建</li>
        <li id="save">保存</li>
        <li id="insert-upper">插入上级节点</li>
        <li id="insert-sibling">插入同级节点</li>
        <li id="insert-child">插入下级节点</li>
        <li id="remove">删除节点</li>
        <li id="my-file">我的文件</li>
    </ul>
    <!-- 思维导图标题 -->
    <input type="text" class="mind-title" value="新建思维导图">

    <!-- 思维导图的画布及视口 -->
    <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="calc(100vw - 95px)" height="calc(100vh - 105px)">
    </svg>
    <div id="text-edit" contenteditable="true"></div>



    <script src="./../../public/js/minder/mind.js"></script>
    <script src="./../../public/js/minder/MindNode.js"></script>
    <script src="./../../public/js/minder/createBlandMind.js"></script>
    <script src="./../../public/js/minder/addNode.js"></script>
</body>

</html>